브라우저 엔진 2021-11-12(금) 5일차 • 브라우저 엔진 전송된 데이터를 브라우저가 처리를 해서 보여주는 거 브라우저가 제일 먼저 받아오는 게 html 코드 브라우저 안에 통신이라는 파트가 있을 수 밖에 없음 브라우저 엔진 DOM은 문자로 되어 있는 데이터를 메모리상에 만들어 놓은 거 style 태그 안에 있는 건 자기가 처리를 못 함 자바스크립트 엔진한테 넘기는 거 내가 만든 게 아니라 남이 만든 거 우리는 너가 원하는 거 다 ... DocumentDOM브라우저 엔진windowDOM 브라우저 작동방식 탐구 - HTML 파서(Parser) 구현하기 DOM Tree는 이후 CSSOM Tree와 합쳐져 렌더트리(Render Tree)를 만들게 됩니다. 이 KarlNode 클래스는 멤버 변수로 children 과 nodeDetail이 있습니다. 예를 들어 <html> 에 대응하는 KarlNode 인스턴스는 <body> 에 대응하는 KarlNode 를 인스턴스를 children 의 원소로 갖겠군요. 이 인스턴스는 tagName 과 attrib... typescript렌더링 엔진HTML Parserbrowser engineJavaScript브라우저 엔진jsHTML 파서tsrendering engineHTML Parser
2021-11-12(금) 5일차 • 브라우저 엔진 전송된 데이터를 브라우저가 처리를 해서 보여주는 거 브라우저가 제일 먼저 받아오는 게 html 코드 브라우저 안에 통신이라는 파트가 있을 수 밖에 없음 브라우저 엔진 DOM은 문자로 되어 있는 데이터를 메모리상에 만들어 놓은 거 style 태그 안에 있는 건 자기가 처리를 못 함 자바스크립트 엔진한테 넘기는 거 내가 만든 게 아니라 남이 만든 거 우리는 너가 원하는 거 다 ... DocumentDOM브라우저 엔진windowDOM 브라우저 작동방식 탐구 - HTML 파서(Parser) 구현하기 DOM Tree는 이후 CSSOM Tree와 합쳐져 렌더트리(Render Tree)를 만들게 됩니다. 이 KarlNode 클래스는 멤버 변수로 children 과 nodeDetail이 있습니다. 예를 들어 <html> 에 대응하는 KarlNode 인스턴스는 <body> 에 대응하는 KarlNode 를 인스턴스를 children 의 원소로 갖겠군요. 이 인스턴스는 tagName 과 attrib... typescript렌더링 엔진HTML Parserbrowser engineJavaScript브라우저 엔진jsHTML 파서tsrendering engineHTML Parser